<route lang="json5"></route>

<script setup lang="ts">
import LoginForm from "./_components/LoginForm.vue";
</script>

<template>
	<view class="login-wrapper">
		<view class="login-container">
			<view class="title">T86物流管理系统</view>
			<view class="login-container">
				<LoginForm />
			</view>
		</view>
	</view>
</template>

<style lang="less" scoped>
.login-wrapper {
	padding: 0 20px;
	display: flex;
	flex-direction: column;
	// justify-content: center;
	align-items: center;
	background-color: #013559;
	height: calc(100% - 10vh);
	box-sizing: content-box;
	overflow: hidden;

	padding-top: 10vh;

	.login-container {
		// transform: translateY(-100px);
	}

	.title {
		font-size: 60px;
		font-weight: 600;
		color: #fff;
		text-align: center;
	}

	.login-container {
		width: 100%;
		margin-top: 150px;
	}
}
</style>

<style lang="less">
@import url("./_components/form.less");
</style>
